<template>
  <div class="headsearch">
    <van-search v-model="value" shape="round" background="#c62724" placeholder="连衣裙"/>
    <!-- 购物车图标 -->
    <div class="shoppcat">
      <router-link to="/shoppingCart"
        ><img src="../../../static/images/home/shopping.png" alt=""
      /></router-link>
    </div>
    <!-- 搜索按钮 -->
    <div class="searchbtn">搜索</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: null,
    };
  },
};
</script>
<style lang="less" scoped>
.headsearch {
  position: relative;
  height: 101px;
  background-color: #c62724;
  border: 1px solid #c62724;
    .shoppcat {
        padding-top: 30px;
        padding-left: 675px;
        img {
            width: 40px;
            height: 39px;
        }
    }
.searchbtn {
    text-align: center;
    border-radius: 20px;
    color: #dc9593;
    background-color: #f3d0ce;
    width: 70px;
    height: 38px;
    line-height: 38px;
    font-size: 10px;
    position: absolute;
    top: 26px;
    right: 129px;
  }
}
.van-search {
  height: 90px;
  float: left;
  width: 87%;
  border: 1px solid #c62724;
  font-size: -20px;
}
.van-search .van-cell {
  height: 50px;
  line-height: 30px;
}
</style>